.page-room {
  .case__info {
    width: rem(720);
    padding: rem(24);
    background-color: #fff;
    border-radius: 2px;
    margin: 0 auto rem(16);
    overflow: hidden;

    &-title {
      padding-left: rem(12);
      height: 18px;
      font-size: 18px;
      color: #141414;
      letter-spacing: 0;
      line-height: 1;
      border-left: rem(8) solid #0090ff;
      font-weight: 400;
      @include text-line(1);
    }

    &__container {
      padding: rem(12) 0;
    }

    &__item {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      padding-top: rem(32);
      font-size: 12px;
      color: #888;
      letter-spacing: 0;
      line-height: 12px;
      &.align-items-start {
        align-items: flex-start;
        line-height: 16px;
      }
    }
    &-label {
      color: #454545;
      white-space: nowrap;
    }
    &-countDown {
      color: #ff6969;
    }
  }

  .case__detail {
    width: rem(720);
    padding: rem(24);
    background-color: #fff;
    border-radius: 2px;
    margin: 0 auto rem(16);
    overflow: hidden;
    &-title {
      padding-left: rem(8);
      height: 14px;
      font-size: 14px;
      color: #141414;
      letter-spacing: 0;
      line-height: 1;
      border-left: rem(4) solid #0090ff;
      font-weight: 400;
      @include text-line(1);
    }

    &__tableContainer {
      width: 100%;
      padding-bottom: rem(32);
      overflow-x: auto;

      &::-webkit-scrollbar {
        height: rem(20);
        border-radius: rem(20);
        background-color: #f3f3f3;
      }

      &::-webkit-scrollbar-track {
        border-radius: rem(20);
        background-color: #f3f3f3;
      }
      &::-webkit-scrollbar-thumb {
        width: rem(100);
        border-radius: 10px;
        background-color: #cecece;
      }
    }
    &__table {
      width: 100%;
      margin-top: rem(42);
      border-right: 1px solid #e1e5e9;
      border-bottom: 1px solid #e1e5e9;
      tbody {
        width: 100%;
      }
      th,
      td {
        white-space: nowrap;
        text-align: left;
        border-left: 1px solid #e1e5e9;
        border-top: 1px solid #e1e5e9;
        color: #454545;
        padding: rem(22) rem(24);
      }
      th {
        color: #141414;
        background-color: #f0f3f6;
        width: rem(150);
      }
      .btn-look {
        font-size: 12px;
        color: #0090ff;
        letter-spacing: 0;
        line-height: 1;
        border: 1px solid #0090ff;
        border-radius: 2px;
        padding: rem(6) rem(16);
      }
      .text-main {
        td {
          color: #0090ff;
        }
      }
    }
  }

  .webSocket__bidRecord {
    &__container {
      max-height: rem(240);
      overflow-y: auto;
    }
    &-list {
      &:not(:first-child) {
        margin-top: rem(30);
      }
      .offer-time {
        color: #888;
      }
    }
  }

  .case__explain {
    width: rem(720);
    padding: rem(24);
    background-color: #fff;
    border-radius: 2px;
    margin: 0 auto rem(16);
    overflow: hidden;
    &-title {
      padding-left: rem(8);
      height: 14px;
      font-size: 14px;
      color: #141414;
      letter-spacing: 0;
      line-height: 1;
      border-left: rem(4) solid #0090ff;
      font-weight: 400;
      @include text-line(1);
    }
    &__item {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      padding-top: rem(32);
      font-size: 12px;
      color: #888;
      letter-spacing: 0;
      line-height: 12px;
      &.align-items-start {
        align-items: flex-start;
        line-height: 16px;
      }
    }
    &-label {
      color: #454545;
      white-space: nowrap;
    }
  }

  .btn-offer {
    width: rem(720);
    display: block;
    margin: rem(16) auto;
    line-height: rem(88);
    font-size: 14px;
    background-color: #0090ff;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 2px;
  }

  // 弹窗样式
  .offer__popup {
    padding: 0 rem(24);
    overflow: hidden;
    &-title {
      margin-top: rem(80);
      padding-left: rem(12);
      height: 16px;
      font-size: 16px;
      color: #141414;
      letter-spacing: 0;
      line-height: 1;
      border-left: rem(8) solid #0090ff;
      font-weight: 400;
      @include text-line(1);
    }
    &_container {
      padding: rem(50) 0 rem(76);
    }
    &_item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: rem(36);
      &-label {
        font-size: 12px;
        color: #454545;
        letter-spacing: 0;
        line-height: 12px;
        min-width: rem(240);
        margin-right: rem(48);
      }
      &-select {
        width: rem(216);
        border: 1px solid #e1e5e9;
        border-radius: 2px;
        background-color: #fff;
        padding: rem(12);
      }
      &-text {
        color: #141414;
      }
    }
    .btn-offer {
      width: 100%;
    }
  }
}

/*.dialogCurrency {
  /deep/ {
    .yd-popup-content {
      width: 320px;
      padding: 20px;
      background-color: #fff;
    }
  }
}*/
